*{
    padding: 0;margin: 0;
}

.login{
    width: 100%;
    height: 100vh;
    background: url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201808%2F01%2F232737ens4a8wiggrukuh4.jpg&refer=http%3A%2F%2Fattach.bbs.miui.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650079876&t=d9255cdcbc4b6a0bdc31d9a33912e60a");
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;

    .loginBox{
        width: 500px;
        height: 400px;
        background-color: rgba($color: rgb(12, 11, 11), $alpha: 0.8);
        border-radius: 10px 10px 10px 10px;
        padding-top: 30px;
        position: relative;
        top:25%;
        left: 55%;

        .title{
            color: white;
            text-align: center;
            
        }

        ::v-deep .demo-ruleForm{
            width: 400px;
            margin-top: 30px;
        }

        ::v-deep .el-form-item__label{
            color: white;
            font-size: 16px;
        }

        ::v-deep .el-input__inner{
            color: white;
            background-color: rgba($color: #fff, $alpha: 0.3);
            margin-bottom: 10px;
            font-size: 16px;
        }

        ::v-deep .el-button{
            width: 100%;
        }
    }
    
}